.trans-center {
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%,-50%);
  }

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.space-around-col {
  display: flex;
  justify-content: center;
  align-items: space-around;
}

.flex-start-col {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.flex-start-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-end-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
